.gradiant{
	background: #f4f4f4; /* Old browsers */

/* IE9 SVG, needs conditional override of 'filter' to 'none' */

background: url();

background: -moz-linear-gradient(top,  #f4f4f4 0%, #ffffff 50%, #f4f4f4 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4f4f4), color-stop(50%,#ffffff), color-stop(100%,#f4f4f4)); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  #f4f4f4 0%,#ffffff 50%,#f4f4f4 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  #f4f4f4 0%,#ffffff 50%,#f4f4f4 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  #f4f4f4 0%,#ffffff 50%,#f4f4f4 100%); /* IE10+ */

background: linear-gradient(to bottom,  #f4f4f4 0%,#ffffff 50%,#f4f4f4 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#f4f4f4',GradientType=0 ); /* IE6-8 */

}

#header{
	background:#fbfbfb;
	height:38px;
	position:relative;
}
#color,#social ul{
	list-style:none;
	float:right;
	margin-top:3px;
	margin-right:25%;
	width:50%;
}
#social ul{
	float:left;
	margin-left:10%;
}
#color li a,#social ul li a{
	float:left;
	width:30px;
	height:30px;
	margin:.5%;
	border-radius:3px;
	cursor:pointer;
	
}
#social ul li a.facebook{
	background: url(../img/social.png);
}
#social ul li a.facebook:hover{
	background: url(../img/color-social.png);
}
#social ul li a.google{
	background: url(../img/social.png) 127px 0;
}
#social ul li a.google:hover{
	background:  url(../img/color-social.png) 95px 0;
}
#social ul li a.twitter{
	background: url(../img/social.png) 92px 0;
}
#social ul li a.twitter:hover{
	background: url(../img/color-social.png) 63px 0;
}
#social ul li a.linkedin{
	background: url(../img/social.png) 61px 0;
}
#social ul li a.linkedin:hover{
	background: url(../img/color-social.png) 30px 0;
}

#color li a.red{
		background:url(../img/color.png);

}
#color li a.blue{
		background:url(../img/color.png) 94px 0px;

}
#color li a.green{
		background:url(../img/color.png) 60px 0px;

}
#color li a.yellow{
		background:url(../img/color.png) 30px 0px;

}
#nav{
		background:#ededee;
}
#nav .col-md-12{
	padding:0;
}

#nav,#header{
	width:99.8%;
	margin-left:.6px;
}
#logo{
	position:absolute;
	right:5%;
	z-index:2;
}
.nav-pills{
	padding:.5% 2%;
	border-bottom:2px solid #a2a0a0;
	border-top:2px solid #a2a0a0;
	margin:2% 0;
}
.carousel-inner img{
	width:100%;
	
}
#register{
	padding:2%;
	font-weight:bold;
	
	
}
#register .btn{
	float:right;
	padding:10px 18px;
	margin-top:-11px;
}
h1{
	padding-bottom:1%;
	margin-bottom:2%;
}
#services .caption{
	text-align:center;
}
#services .caption h3{
	color:#1c1c1d;
}
#services .caption h3+p{
	color:#415361;
	height:20%;
}
.col-md-4 img{
	height:200px;
	width:200px;
}
.col-md-8 ul{
	list-style:none;
}
.col-md-8 ul li{
	padding-left:2%;
}
.col-md-8 ul li.week{
	border-left:#2e75b6 solid 5px;
}
.col-md-8 ul li.month{
	border-left:#4dc081 solid 5px;
}

.col-md-8 ul li span{
	float:left;
	font-size:45px;
	font-weight:bold;
	margin-right:2%;
	color:#415361;
}
.col-md-8 ul li p h4{color:#c1c1c1;}
.col-md-8 ul li p p{color:#415361;}
.col-md-8 ul li span+p{
	padding-top:.1%;
}
#poll a{
	margin:2%;
}


=============================================== 05. FOOTER STYLES ===============================================
*/
footer a{
	color:#CCC;
}
footer a:hover {color:#d3d3d3}
#footer-widgets .width-container {padding:36px 0px 25px 0px;}
footer #copyright {padding:10px 0px 10px 0px; float:left;}
footer #footer-widgets .social-icons {float:none; padding-top:15px;}
footer .social-icons {float:right; padding-top:28px; margin-left:0px; }
footer .social-icons a { margin-bottom:18px; -webkit-transition: none; -moz-transition: none; transition:none;}
footer ul {margin:-1px 0px 0px 0px; padding:0px; list-style:none;}
footer ul li {
	margin:0px 0px 0px 0px;
}
#footer-widgets .widget {float:left; width:30%; margin-left:1%; margin-right:1%;}

footer{
		background:#ededee;
	}
#footer-widgets{
		color:#f4f4f4;

}
#menu-main-navigation-1 li a{
	color:#f4f4f4;
	cursor:pointer;
}
#subscribe{
	background:#CCC;
	color: #2C2C2C;
}
/*=================================calendar ==================================*/
#calendar{
  margin-left: auto;
  margin-right: auto;
  font-family: 'Lato', sans-serif;
}
#calendar_weekdays div{
  display:inline-block;
  vertical-align:top;
}
#calendar_content, #calendar_weekdays, #calendar_header{
  position: relative;
  overflow: hidden;
  float: left;
  z-index: 10;
}
#calendar_weekdays div, #calendar_content div{
  overflow: hidden;
  text-align: center;
  background-color: #FFFFFF;
  color: #787878;
}
#calendar_content{
  -webkit-border-radius: 0px 0px 12px 12px;
  -moz-border-radius: 0px 0px 12px 12px; 
  border-radius: 0px 0px 12px 12px;
}
#calendar_content div{
  float: left;
}
#calendar_content div:hover{
  background-color: #F8F8F8;
}
#calendar_content div.blank{
  background-color: #E8E8E8;
}
.col-md-8 ul li.today{
	border-left:#cc0000 solid 5px;
}

#calendar_header, #calendar_content div.today{
  zoom: 1;
  filter: alpha(opacity=70);
  opacity: 0.7;
}
#calendar_content div.today{
  color: #FFFFFF;
}
#calendar_header{
  width: 100%;
  text-align: center;
  padding:0 0 0 14.2%;
  -webkit-border-radius: 12px 12px 0px 0px;
  -moz-border-radius: 12px 12px 0px 0px; 
  border-radius: 12px 12px 0px 0px;
}
#calendar_header h1{
  font-size: 1.5em;
  color:#FFFFFF;
  float:left;
  width:70%;
  margin:0;
  margin-top:10px;
  border:none;
}
i[class^=icon-chevron]{
  background:#f1f1f1;
  float: left;
  padding:10px;
  margin-top:15px;
  border-radius:5px;
  cursor:pointer;
}
/*==============================news slider=================================*/
#collection .carousel{
	height:250px;
}
#collection .carousel-control{
	background:none;
	height:200px;
}
#collection .carousel-indicators{
	top:205px;
}

#collection .slide .carousel-inner{
	width:100%;
	height:100%;
}
#collection .slide .item{
	width:100%;
	height:250px;
	background:none;
}

#collection .slide .item img{
	width:100%;
	height:200px;
}
#collection .slide .carousel-caption {
	color:#161616;
	top:200px;

	}
	#collection .slide .carousel-caption  h4{
		text-shadow:none;}
.	
